<template>
        <div class="container">
            

            <Category title="游戏">
                <template scope="atguigu"> 
                    <ul>
                        <li v-for="(item,index) in atguigu.games" :key="index">{{item}}</li>
                    </ul>
                </template>
            </Category>

            <Category title="游戏">
                <template scope="atguigu"> 
                    <ol>
                        <li v-for="(item,index) in atguigu.games" :key="index">{{item}}</li>
                    </ol>
                </template>
            </Category>

            <Category title="游戏">
                <template scope="atguigu"> 
                   <h4 v-for="(item,index) in atguigu.games" :key="index">{{item}}</h4>
                </template>
                     
                     
            </Category>

            
        </div>
</template>

<script>
    import Category from './components/Category.vue'
    export default {
        name:'App',
        components:{
            Category
        },

    }
</script>

<style>
    .container,.foot {
        display: flex;
        justify-content: space-around;
    }
    img {
        width: 200px;
    }
    video {
        width: 200px;
    
    }
</style>
